<script setup>
import fry1 from './fryView2.vue'

import { FryCountStore } from "../stores/FryCountStore";
const FryStore = FryCountStore()



</script>
<script>
export default {
    name: 'App',
    components: {
        fry1
    }
}
</script>

<template>
    <el-card class="box-card2">
        <h1>这里是组件一</h1>
        <h2>姓名：{{ FryStore.name }}</h2>
        <h2>年龄：{{ FryStore.age }}</h2>
        <el-button type="primary" round @click="FryStore.addage">年龄up</el-button>
        <el-button type="primary" round @click="FryStore.lessage">年龄down</el-button>
    </el-card>


    <fry1></fry1>
</template>


<style scoped>
.box-card2 {
    margin-top: 30px;
    width: 500px;
    margin-left: 500px;
}
</style>